<template>
  <header>
    <span @click="next">{{left}}</span>
    <span>{{center}}</span>
    <span>{{right}}</span>
  </header>
</template>

<script>
export default {
  props:["left","center","right","status"],
  methods:{
    next(){
      if(this.status){
        this.$router.go(-1)
      }
    }
  }
}
</script>

<style lang="scss">
  header{
    height: 44px;
    display:flex;
    justify-content:space-between;
    line-height: 44px;
    background: rgb(25, 112, 243);
    color:#fff;
    padding: 0 10px;
  }
</style>
